$--colors: (
  'primary': (
    'base': #3a75ff
  ),
  'success': (
    'base': #0fcf8e
  ),
  'warning': (
    'base': #eda63c
  ),
  'danger': (
    'base': #ea6b58
  ),
  'error': (
    'base': #ea6b58
  ),
  'info': (
    'base': #777c90
  )
);

$--text-color: (
  'primary': #20284a,
  'regular': #4c526d,
  'secondary': #777c90,
  'placeholder': #a2a5b3,
  'disabled': #cccccc
);
// @forward 的作用是转发模块成员，而不是引入成员到当前文件使用，也就是说, 通过 @forward 加载一个模块的成员，这些成员并不能在当前文件内访问，而仅仅是将这些成员当作自己的成员对外暴露出去。
// 在 @forward 转发模块中修改对应的样式，自定义主题
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: $--colors,
  $text-color: $--text-color // $button-padding-horizontal: ('default': 30px)
);

// 加载全部样式；我们使用按需加载导入
// @use 'element-plus/theme-chalk/src/index.scss' as *;

// @debug $--colors;
